<template>
  <div class="location">
    <div class="location-title">
      <span class="iconfont iconlocation"></span> 西安
    </div>
    <div class="location-title">
      <span class="iconfont iconbiyou"></span> 必游榜单
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
    export default {}
</script>
<style lang="stylus" rel="text/stylus" scoped>
  .location
    width: 100%
    display: flex
    line-height: 1rem
    color:#212121
    font-size: .28rem
    background-color: #fff
    position: relative
    overflow: hidden
    &:after
      content: ''
      display: block
      position: absolute
      width: 100%
      height: .02rem
      border-top: .02rem solid #e0e0e0
    .location-title
      flex:1
      text-align: center
      &:before
        content: ''
        display: block
        position: absolute
        left:50%
        width: .02rem
        height: 100%
        border-right: .02rem solid #e0e0e0
</style>
